.contact-main-section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    gap: 5rem;
}

.title{
    text-align: center;
    font-style: oblique;
    font-weight: 700;
}
.title span{
    font-weight: 700;
    color: #BC3A80;
}

.contact-form{
    background-color: #202027;
    width: 50vw;
    max-width: 50%;
    padding: 2rem 4rem;
    border-radius: 20px;
    margin-bottom: 2rem;

}
.input-group{
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;

}

.input-group textarea{
    margin-bottom: 0;

}

.input-group label{
    font-weight: bold;
    margin-bottom:.5rem;
}
.input-group input, textarea{
    outline: none;
    background:none;
    border: 1px solid #2E3852;
    border-radius: 10px;
    font-size: 1em;
    padding: .5rem;
    color: inherit;
}
.input-group .input-1{
     border-image-source:linear-gradient(to top right ,rgba(23, 98, 167, 1),
rgba(188, 58, 128, 1));
    border-width: 3px;
    border-image-slice: 1;
    border-radius: 10px !important;
}

.input-group .input-2{
     border-image-source:linear-gradient(rgba(23, 98, 167, 1),
rgba(188, 58, 128, 1));
    border-width: 3px;
    border-image-slice: 1;
    border-radius: 10px !important;
}

.input-group .input-3{
     border-image-source:linear-gradient(-10deg, rgba(23, 98, 167, 1),
rgba(188, 58, 128, 1));
    border-width: 3px;
    border-image-slice: 1;
    border-radius: 10px !important;
}

@media (max-width: 900px) {
  .contact-main-section {
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
  }

  .contact-form {
    width: 80vw;
    max-width: inherit;
    margin: 2rem 0;
  }
}